</div>
        </div>

        <!-- Le javascript
        ================================================== -->
        <!-- Placed at the end of the document so the pages load faster -->
        <?php
        echo "<script src = '" . base_url() . "assets/js/jquery.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-transition.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-alert.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-modal.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-dropdown.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-scrollspy.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-tab.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-tooltip.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-popover.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-button.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-collapse.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-carousel.js'></script>";
        echo "<script src='" . base_url() . "assets/js/bootstrap-typeahead.js'></script>";
        ?>
        <script>
            $('.tool')    .tooltip('title');
        </script>
    </body>
</html>